<div class="container">
    <div class="row">
        <div id="homeCarousel" class="carousel slide">
            <ol class="carousel-indicators">
                <li data-target="#homeCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#homeCarousel" data-slide-to="1"></li>
                <li data-target="#homeCarousel" data-slide-to="2"></li>
            </ol>
            <!-- Carousel items -->
            <div class="carousel-inner">
                <div class="item active"><img src="assets/img/home/carousel/codeigniter.png"></div>
                <div class="item"><img src="assets/img/home/carousel/nodejs.png"></div>
                <div class="item"><img src="assets/img/home/carousel/ruby.png"></div>
            </div>
            <!-- Carousel nav -->
            <a class="carousel-control left" href="#homeCarousel" data-slide="prev">&lsaquo;</a>
            <a class="carousel-control right" href="#homeCarousel" data-slide="next">&rsaquo;</a>
        </div>
    </div>
    <div class="page-header">
		<h1 class=""><?php echo lang('home_title_welcome') ?></h1>
	</div>
    <ul class="thumbnails row-fluid" id="sectionTab">
		<li class="span2 offset2 active">
			<a href="#blog" class="thumbnail"
				data-toggle="popover" data-title="<?php echo lang('navbar_section_blog') ?>"
				data-content="En esta sección puedes participar en foros, encuestas y muchas cosas mas">
				<img src="http://lorempixel.com/260/200/technics" alt="" />
			</a>
		</li>
		<li class="span2">
			<a href="#examples" class="thumbnail"
				data-toggle="popover" data-title="<?php echo lang('navbar_section_examples') ?>"
				data-content="En esta sección puedes participar en foros, encuestas y muchas cosas mas">
				<img src="http://lorempixel.com/260/200/sports" alt="" />
			</a>
		</li>
		<li class="span2">
			<a href="#tutorials" class="thumbnail"
				data-toggle="popover" data-title="<?php echo lang('navbar_section_tutorials') ?>"
				data-content="En esta sección puedes participar en foros, encuestas y muchas cosas mas">
				<img src="http://lorempixel.com/260/200/city" alt="" />	
			</a>
		</li>
		<li class="span2">
			<a href="#about" class="thumbnail"
				data-toggle="popover" data-title="<?php echo lang('navbar_section_about') ?>"
				data-content="En esta sección puedes participar en foros, encuestas y muchas cosas mas">
				<img src="http://lorempixel.com/260/200/nightlife" alt=""  />
			</a>
		</li>
	</ul>
	<div class="tab-content">
			<div class="tab-pane fade active in" id="blog">
				<div class="row">
					<div class="span3">			
						<ul class="thumbnails">
							<li>
								<a href="#">
									<img class="img-rounded" src="http://lorempixel.com/260/285/transport" alt=""  />
								</a>
							</li>
						</ul>						
					</div>
					<div class="span9">
						<div class="hero-unit">
							<h1>Título del Blog</h1>
							<p>Detalle de la última entrada en el Blog</p>
							<p>
								<a class="btn btn-primary btn-large">
									<?php echo lang('home_button_read') ?>
								</a>
							</p>
						</div>						
					</div>
				</div>
			</div>
			<div class="tab-pane fade" id="examples">
				<div class="row">
					<div class="span3">			
						<ul class="thumbnails">
							<li>
								<a href="#">
									<img class="img-rounded" src="http://lorempixel.com/260/285/nature" alt=""  />
								</a>
							</li>
						</ul>						
					</div>
					<div class="span9">
						<div class="hero-unit">
							<h1>Título del Ejemplo</h1>
							<p>Detalle de la última entrada en la sección de ejemplos</p>
							<p>
								<a class="btn btn-primary btn-large">
									<?php echo lang('home_button_read') ?>
								</a>
							</p>
						</div>						
					</div>
				</div>
			</div>
			<div class="tab-pane fade" id="tutorials">
				<div class="row">
					<div class="span3">			
						<ul class="thumbnails">
							<li>
								<a href="#">
									<img class="img-rounded" src="http://lorempixel.com/260/285/business" alt=""  />
								</a>
							</li>
						</ul>						
					</div>
					<div class="span9">
						<div class="hero-unit">
							<h1>Título del Tutorial</h1>
							<p>Detalle de la última entrada en la sección de tutoriales</p>
							<p>
								<a class="btn btn-primary btn-large">
									<?php echo lang('home_button_read') ?>
								</a>
							</p>
						</div>						
					</div>
				</div>
			</div>
			<div class="tab-pane fade" id="about">
				<div class="row">
					<div class="span3">			
						<ul class="thumbnails">
							<li>
								<a href="#">
									<img class="img-rounded" src="http://lorempixel.com/260/335/nightlife" alt=""  />
								</a>
							</li>
						</ul>						
					</div>
					<div class="span9">
						<div class="hero-unit">
							<address>
								<strong>BucketDev</strong><br>
								Allende 10, Los Reyes Acatlixhuayan<br>
								Temamatla, Estado de México 56655<br>
								<abbr title="Phone">P:</abbr> 044 (55) 3887-4661
							</address>
							
							<address>
								<strong> <?php echo lang('home_text_about_invite') ?></strong><br>
								<a href="mailto:#">hello@bucketdev.com</a>
							</address>
							<p>
								<a class="btn btn-primary btn-large">
									<?php echo lang('home_button_read') ?>
								</a>
							</p>
						</div>						
					</div>
				</div>
			</div>
		</div>
	<ul class="breadcrumb">
		<!--li><a href="#"><span class="divider">/</span> Library</a></li-->
		<li class="active"><span class="divider">/</span> <?php echo lang('navbar_section_home') ?></li>
	</ul>
</div>      
<!-- BuckDev/home JavScript -->
<?php
if(ENVIRONMENT == 'development'){
    echo '<script type="text/javascript" src="assets/js/bucketdev/home/home.js"></script>';
} else {
    echo '<script type="text/javascript" src="assets/js/bucketdev/home/home.min.js"></script>';
}
?>